<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Create New Account</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<link href="css/bootstrap.css" rel="stylesheet">
<link href="css/bootstrap-responsive.css" rel="stylesheet">
<link href="css/bootstrap-override.css" rel="stylesheet">
<link href="css/test.css" rel="stylesheet">
<link href="css/main.css" rel="stylesheet">
</head>

<body>
<div class="container">
    <div class= "row">
        <div class="span3">
            <div class="about-box">
              <img src="./img/text.png"/>
            </div>
        </div>
            <div class="row">
                <div class="span1 offset1">
                    <div class="header-box">
                        <h2><a href="index.php">Home</a></h2>
                            <div class="header-text-box">
                                <p>Realize your ideas</p>
                            </div>
                        </div>
                    </div>
                <div class="span1 offset1">
                    <div class="header-box">
                        <h2><a href="profile.php">Profile</a></h2> 
                            <div class="header-text-box">
                                <p>Manage Profile</p>
                            </div>
                        </div>
                    </div>
                <div class="span1 offset1">
                    <div class="header-box">
                        <h2><a href="browse.php">Browse</a></h2>
                        <div class="header-text-box">
                            <p>Browse Profiles</p>
                        </div>
                    </div>
                </div>
                    <div class="span1 offset1">
                        <div class="header-box">
                            <h2><a href="results.php">Results</a></h2>
                            <div class="header-text-box">
                                <p>Check Matches</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
    <div class= "row">
        <div class="span9">
            <div class="info" style="margin-top:30px"> 
                <form action="newAccountSuccess.php" method="post">
                    <div id="first_name">
                        First Name: <input type="text" name="first_name"/>
                    </div>
                    <div id="last_name">
                        Last Name: <input type="text" name="last_name"/>
                    </div>
                    <div id="email_address">
                        Email Address: <input type="text" name="email_address"/>
                    </div>
                    <div id="email_address_confirm">
                        Confirm Email Address: <input type="text" name="email_address_confirm"/>
                    </div>
                    <div id="username">
                        Username: <input type="text" name="user"/>
                    </div>
                    <div id="password">
                        Password: <input type="password" name="pass"/>
                    </div>
                    <div id="password_confirm">
                        Confirm Password: <input type="password" name="pass_confirm"/>
                    </div>
                    <div id="user_skills">
                        <div class="row">
                            <div class="span3">
                                Skills: </br>
                                Accounting <input type="checkbox" name="skill[]" value="Accounting"> </br>
                                Sales & Marketing <input type="checkbox" name="skill[]" value="Sales & Marketing"> </br>
                                Human Resources <input type="checkbox" name="skill[]" value="Human Resources"> </br>
                                Finance <input type="checkbox" name="skill[]" value="Finance"> </br>
                                Management <input type="checkbox" name="skill[]" value="Management"> </br>
                                International Business <input type="checkbox" name="skill[]" value="International Business"> </br>
                                Linguistics <input type="checkbox" name="skill[]" value="Linguistics"> </br>
                                Legal <input type="checkbox" name="skill[]" value="Legal"> </br>
                                Artist <input type="checkbox" name="skill[]" value="Artist"> </br>
                                Fashion Designer <input type="checkbox" name="skill[]" value="Fashion Designer"> </br>
                                Education <input type="checkbox" name="skill[]" value="Education"> </br>
                                Writer <input type="checkbox" name="skill[]" value="Writer"> </br>
                                Culinary <input type="checkbox" name="skill[]" value="Culinary"> </br>
                                Engineering <input type="checkbox" name="skill[]" value="Engineering"> </br>
                                Politics <input type="checkbox" name="skill[]" value="Politics"> </br>
                                Science & Biotech <input type="checkbox" name="skill[]" value="Science & Biotech"> </br>
                                Graphic Designer <input type="checkbox" name="skill[]" value="Graphic Designer"> </br>
                                Computer Programmer <input type="checkbox" name="skill[]" value="Computer Programmer"> </br>
                                Web Designer <input type="checkbox" name="skill[]" value="Web Designer"> </br> </br>
                            </div>
                        </div>
                    </div> 
                    <input type="submit" value="Create Account"/>
                </form>            
            </div> 
        </div>  
    </div>
</div>

    <script src="js/jquery.js"></script>
    <script src="js/bootstrap-transition.js"></script>
    <script src="js/bootstrap-alert.js"></script>
    <script src="js/bootstrap-modal.js"></script>
    <script src="js/bootstrap-dropdown.js"></script>
    <script src="js/bootstrap-scrollspy.js"></script>
    <script src="js/bootstrap-tab.js"></script>

    <script src="js/bootstrap-tooltip.js"></script>
    <script src="js/bootstrap-popover.js"></script>
    <script src="js/bootstrap-button.js"></script>
    <script src="js/bootstrap-collapse.js"></script>
    <script src="js/bootstrap-carousel.js"></script>
    <script src="js/bootstrap-typeahead.js"></script>
    <script src="js/jquery.cycle.all.js"></script>
</body>
</html>
    <script src="js/bootstrap-carousel.js"></script>
    <script src="js/bootstrap-typeahead.js"></script>
    <script src="js/jquery.cycle.all.js"></script>
</body>
</html>
